$(function(){
	$(".area").click(function(){
		$(".area").removeClass("selected");
		$(this).addClass("selected");
	});
	$("#all").click(function(){
		$(".area").removeClass("selected");
		$("#chart").css("visibility","visible");
		$("#dataChart").css("visibility","hidden");
	});

	//	全州
	var series=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[481.40, 570.33, 553.23, 512.29, 439.85, 486.96]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[355.10, 425.04, 370.22, 321.43, 244.38, 271.23]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[360.7, 401.59, 510.07, 538.42, 505.86, 559.97]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[50.94, 59.63, 66.19, 73.99, 81.46, 89.83]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[29.15, 44.91, 49.11, 49.41,42.20,45.22]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[19007, 21252, 23399, 25453, 25419, 27720]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[6574, 7916, 9183, 10294, 10582, 11539]
        }
	];
	
	//	格尔木市
	var series1=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[242.51, 290.00, 291.40, 292.11, 285.24, 298.50]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[170.10, 205.57, 185.01, 183.11, 171.26, 173.17]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[92.96, 191.42, 234.69, 292.23, 191.62, 210.98]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[33.89, 40.50, 44.32, 49.62, 54.63, 60.24]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[11.78, 14.84, 18.01, 19.71,16.98,18.06]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[19052, 21341, 23432, 25490, 25616, 27921]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[8210, 9696, 11249, 12833, 14297, 15455]
        }
	];
	
	//	德令哈市
	var series2=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[42.14, 47.34, 48.19, 45.20, 45.50, 62.17]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[16.00, 17.44, 9.56, 7.82, 7.62, 18.88]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[1.71, 2.09, 2.46, 2.80, 3.30, 4.71]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[6.23, 6.66, 7.46, 8.42, 9.40, 10.43]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[1.71, 2.09, 2.46, 2.80,3.30,4.71]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[18866, 21187, 23282, 25346, 25476, 27797]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[6540, 7963, 9213, 10340, 11231, 12256]
        }
	];
	
	//	乌兰县
	var series3=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[31.67, 33.59, 27.01, 20.36, 11.75, 16.20]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[26.90, 28.05, 20.10, 12.54, 4.00, 7.51]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[20.31, 22.73, 15.28, 27.35, 32.17, 28.23]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[1.63, 1.77, 1.99, 2.23, 2.49, 2.74]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[0.87, 1.15, 1.37,1.54,1.38,1.48]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[null, null, 23541, 26465, 24140, 26341]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[5908, 7049, 8145, 9143, 9350, 10220]
        }
	];
	
	//	都兰县
	var series4=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[16.07, 20.34, 26.27, 29.04, 29.98, 33.61]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[5.60, 7.19, 9.20, 9.19, 8.69, 10.96]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[1.06, 1.35, 1.64, 1.58, 1.51, 1.65]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[3.20, 3.62, 4.10, 4.46, 4.82, 5.32]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[1.06, 1.35, 1.64,1.58,1.51,1.65]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[null, null, 23389, 25420, 23926, 26085]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[6073, 7183, 8375, 9357, 9496, 10382]
        }
	];
	
	//	天峻县
	var series5=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[42.73, 73.44, 57.95, 22.23, 8.52, 10.12]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[35.60, 65.32, 48.49, 1.40, 0.11, 0.19]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[8.60, 15.17, 25.22, 23.95, 27.15, 19.99]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[3.75, 3.89, 4.42, 4.99, 5.41, 5.91]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[5.40, 5.83, 4.404,1.91,1.48,1.57]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[null, null, 23944, 26926, 25839, 28727]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[7819, 9471, 10902, 11787, 9940, 10874]
        }
	];
	
	//	大柴旦行委
	var series6=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[21.46, 29.24, 37.50, 35.32, 22.48, 29.92]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[15.80, 22.74, 29.22, 27.10, 14.82, 19.76]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[18.10, 34.27, 46.31, 38.01, 45.48, 53.34]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[0.96, 1.11, 1.23, 1.26, 1.40,1.54]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[2.17, 2.69, 3.35,3.53,2.61,2.81]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[null, null, 23976, 26857, 24641, 26863]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[10307, 11959, 13908, 16152, 10498, 11465]
        }
	];
	
	//	冷湖行委
	var series7=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[8.94, 10.55, 10.25, 12.83, 7.80, 9.30]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[7.70, 9.22, 8.35, 11.30, 6.28, 7.60]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[6.51, 4.07, 12.05, 13.35, 17.22, 18.56]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[0.37, 0.40, 0.44, 0.48, 0.52,0.58]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[0.39, 0.53, 0.56,0.63,0.42,0.45]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[null, null, 23979, 26966, 25897, 28263]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[null, null, null, null, null, null]
        }
	];
	
	//	茫崖行委
	var series8=[
		{
            name:'地区生产总值',
            type:'bar',
            barWidth:'25px',
            data:[64.89, 70.32, 64.56, 61.21, 36.24, 38.72]
        },
        {
            name:'规模以上工业增加值',
            type:'bar',
            barWidth:'25px',
            data:[61.92, 66.70, 60.55, 56.77, 31.62, 33.16]
        },
        {
            name:'固定资产投资',
            type:'bar',
            barWidth:'25px',
            data:[4.99, 5.81, 8.74, 12.07, 15.37, 18.06]
        },
        {
            name:'社会消费品零售总额',
            type:'bar',
            barWidth:'25px',
            data:[1.87, 2.06, 2.26, 2.53, 2.79,3.07]
        },
        {
            name:'地方公共财政预算收入',
            type:'bar',
            barWidth:'25px',
            data:[1.51, 1.89, 2.29,2.69,1.79,1.91]
        },
        {
            name:'城镇常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[null, null, 23878, 26753, 26220, 28583]
        },
        {
            name:'农村常住居民人均可支配收入',
            type:'line',
            yAxisIndex: 1,
            data:[13125, 14438, 15971, 17382, 10350, 11304]
        }
	];
	
	var chart = echarts.init(document.getElementById("chart"));
	var chartOption = {
		title:{
			text: '全州数据总览'	,
			x:'center'
		},
	    tooltip: {
	        trigger: 'axis',
	        axisPointer: {
	            type: 'cross',
	            crossStyle: {
	                color: '#999'
	            }
	        }
	    },
		grid:{
			top:'25%'	
		},
	    legend: {
	    	top:'40',
	    	selected:{
	    		'地区生产总值':true,
	    		'规模以上工业增加值':false,
	    		'固定资产投资':false,
	    		'社会消费品零售总额':false,
	    		'地方公共财政预算收入':false,
	    		'城镇常住居民人均可支配收入':true,
	    		'农村常住居民人均可支配收入':true
	    	},
	        data:['地区生产总值','规模以上工业增加值','固定资产投资','社会消费品零售总额','地方公共财政预算收入','城镇常住居民人均可支配收入','农村常住居民人均可支配收入']
	    },
	    xAxis: [
	        {
	            type: 'category',
	            data: ['2011年','2012月','2013月','2014月','2015月','2016月'],
	            axisPointer: {
	                type: 'shadow'
	            }
	        }
	    ],
	    yAxis: [
	        {
	            type: 'value',
	            name: '亿元',
	            min: 0,
	            max: 800,
	            interval: 100,
	            axisLabel: {
	                formatter: '{value}'
	            }
	        },
	        {
	            type: 'value',
	            name: '元',
	            min: 0,
	            max: 30000,
	            interval: 5000,
	            axisLabel: {
	                formatter: '{value}'
	            }
	        }
	    ],
	    series: []
	};
	chartOption.series=series;
	chart.setOption(chartOption);
//	点击图例时,只显示一个图例
	function singleLegend(obj,objOption){
		obj.on('legendselectchanged',function(params){
			if(params.name == '地区生产总值'){
				objOption.legend.selected={
					'地区生产总值':true,
		    		'规模以上工业增加值':false,
		    		'固定资产投资':false,
		    		'社会消费品零售总额':false,
		    		'地方公共财政预算收入':false,
		    		'城镇常住居民人均可支配收入':true,
		    		'农村常住居民人均可支配收入':true
				}
				obj.setOption(objOption);
			}else if(params.name == '规模以上工业增加值'){
				objOption.legend.selected={
					'地区生产总值':false,
		    		'规模以上工业增加值':true,
		    		'固定资产投资':false,
		    		'社会消费品零售总额':false,
		    		'地方公共财政预算收入':false,
		    		'城镇常住居民人均可支配收入':true,
		    		'农村常住居民人均可支配收入':true
				}
				obj.setOption(objOption);
			}else if(params.name == '固定资产投资'){
				objOption.legend.selected={
					'地区生产总值':false,
		    		'规模以上工业增加值':false,
		    		'固定资产投资':true,
		    		'社会消费品零售总额':false,
		    		'地方公共财政预算收入':false,
		    		'城镇常住居民人均可支配收入':true,
		    		'农村常住居民人均可支配收入':true
		    	}
				obj.setOption(objOption);
			}else if(params.name == '社会消费品零售总额'){
				objOption.legend.selected={
					'地区生产总值':false,
		    		'规模以上工业增加值':false,
		    		'固定资产投资':false,
		    		'社会消费品零售总额':true,
		    		'地方公共财政预算收入':false,
		    		'城镇常住居民人均可支配收入':true,
		    		'农村常住居民人均可支配收入':true
				}
				obj.setOption(objOption);
			}else if(params.name == '地方公共财政预算收入'){
				objOption.legend.selected={
					'地区生产总值':false,
		    		'规模以上工业增加值':false,
		    		'固定资产投资':false,
		    		'社会消费品零售总额':false,
		    		'地方公共财政预算收入':true,
		    		'城镇常住居民人均可支配收入':true,
		    		'农村常住居民人均可支配收入':true
				}
				obj.setOption(objOption);
			}
		});
	}
	singleLegend(chart,chartOption);
	
//	各县图表定义
	var dataOption = {
		title:{
			x:'center'
		},
	    tooltip: {
	        trigger: 'axis',
	        axisPointer: {
	            type: 'cross',
	            crossStyle: {
	                color: '#999'
	            }
	        }
	    },
		grid:{
			top:'25%'	
		},
	    legend: {
	    	top:'40',
	    	selected:{
	    		'地区生产总值':true,
	    		'规模以上工业增加值':false,
	    		'固定资产投资':false,
	    		'社会消费品零售总额':false,
	    		'地方公共财政预算收入':false,
	    		'城镇常住居民人均可支配收入':true,
	    		'农村常住居民人均可支配收入':true
	    	},
	        data:['地区生产总值','规模以上工业增加值','固定资产投资','社会消费品零售总额','地方公共财政预算收入','城镇常住居民人均可支配收入','农村常住居民人均可支配收入']
	    },
	    xAxis: [
	        {
	            type: 'category',
	            data: ['2011年','2012月','2013月','2014月','2015月','2016月'],
	            axisPointer: {
	                type: 'shadow'
	            }
	        }
	    ],
	    yAxis: [
	        {
	            type: 'value',
	            name: '亿元',
	            min: 0,
	            max: 350,
	            interval: 50,
	            axisLabel: {
	                formatter: '{value}'
	            }
	        },
	        {
	            type: 'value',
	            name: '元',
	            min: 0,
	            max: 32000,
	            interval: 5000,
	            axisLabel: {
	                formatter: '{value}'
	            }
	        }
	    ],
	    series: []
	};
	
	$(".area").each(function(i,o){
		$(o).click(function(){
			console.log(i);
			$("#chart").css("visibility","hidden");
			$("#dataChart").css("visibility","visible");
			var dataChart = echarts.init(document.getElementById("dataChart"));
			if(i == 0){
				dataOption.title.text = '茫崖行委';
				dataOption.series = series8;
				dataChart.setOption(dataOption);
				singleLegend(dataChart,dataOption);
			}else if(i == 1){
				dataOption.title.text = '冷湖行委';
				dataOption.series = series7;
				dataChart.setOption(dataOption);
				singleLegend(dataChart,dataOption);
			}else if (i == 2){
				dataOption.title.text = '大柴旦行委';
				dataOption.series = series6;
				dataChart.setOption(dataOption);
				singleLegend(dataChart,dataOption);
			}else if(i == 3){
				dataOption.title.text = '格尔木市';
				dataOption.series = series1;
				dataChart.setOption(dataOption);
				singleLegend(dataChart,dataOption);
			}else if(i == 4){
				dataOption.title.text = '德令哈市';
				dataOption.series = series2;
				dataChart.setOption(dataOption);
				singleLegend(dataChart,dataOption);
			}else if(i == 5){
				dataOption.title.text = '天峻县';
				dataOption.series = series5;
				dataChart.setOption(dataOption);
				singleLegend(dataChart,dataOption);
			}else if(i == 6){
				dataOption.title.text = '乌兰县';
				dataOption.series = series3;
				dataChart.setOption(dataOption);
				singleLegend(dataChart,dataOption);
			}else if(i == 7){
				dataOption.title.text = '都兰县';
				dataOption.series = series4;
				dataChart.setOption(dataOption);
				singleLegend(dataChart,dataOption);
			}
		});
	});
})